.projectcenter{
	height: 100%;
  	background-color: #F8F9FA;
  	.header {
  		left:0;
  		box-shadow: 1px 1px 5px rgba(188, 202, 210, 0.388235294117647);
  		.logo {
  			width: 170px;
		    height: 40px;
		    margin: -10px 0 0 50px;
		    background-position: 0px -102px;
		    background-repeat: no-repeat;
		    line-height: 40px;
		    color: #39B3EF;
		    font-size: 28px;
  		}
  	}
  	.link-path {
	    font-weight: 400;
	    font-style: normal;
	    font-size: 12px;
	    color: #858B9D;
  		position: relative;
  		top:60px; 
  		width:90%;
  		margin:0 auto;
  	}
  	.container {
  		top:80px;
  		width:90%;
  		margin:0 auto;
  		.panel {
  			border:none;
  			margin:2px;
			  box-shadow: 0 0 16px rgba(22, 146, 205, 0.0784313725490196);
			  cursor: pointer;
  			.panel-body {
          .project-tool {
            height:30px;
            line-height:30px;
            text-align:right;
            a {
              color: #39B3EF;
              margin:5px;
              padding:2px 5px;
              border-radius: 3px;
            }
            a:hover {
              color:#fff;
              background-color:#39B3EF;
            }
          }
  				.project-name {
				    font-size: 20px;
    				color: #39B3EF;
    				text-align:center;
    				height:100px;
    				line-height:80px;
  				}
          .project-detail {
            color: #39B3EF;
            .marquee{
                position: relative;
                width: 100%;
                overflow: hidden;
                height: 25px;
            }
            .marquee > .get-marquee-width{
                position: relative;
            }
            .marquee> .get-marquee-width > .marquee-move{
                -webkit-animation:  marquee 15s linear 1s infinite;
                -o-animation:  marquee 15s linear 1s infinite;
                animation:  marquee 15s linear 1s infinite;
                position: absolute;
                width:100%;
                white-space: nowrap;
            }

            @-webkit-keyframes marquee {
                0% { left: 100%; }
                100% { left: -100%; }
            }
            @-moz-keyframes marquee {
                0% { left: 100%; }
                100% { left: -100%; }
            }
            @-o-keyframes marquee {
                0% { left: 100%; }
                100% { left: -100%; }
            }
            @keyframes marquee {
                0% { left: 100%; }
                100% { left: -100%; }
            }
          }
  			}
  		}
  		.panel-dashed {
        font-size:48px;
        color: #39B3EF;
        height:185px;
        line-height:185px;
        margin:2px;
  			border: 2px dashed #39B3EF;
  			background-color:transparent;
  			text-align:center;
  		}
  	}

}
